﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Views/Shared/Site.Master" Inherits="System.Web.Mvc.ViewPage<SG.Domain.OrdenCompra>" %>

<asp:Content ID="Content1" ContentPlaceHolderID="TitleContent" runat="server">
	Crear Orden de Compra
</asp:Content>

<asp:Content ID="Content3" ContentPlaceHolderID="TitlePage" runat="server">
Crear Orden de Compra
</asp:Content>
<asp:Content ID="Content4" ContentPlaceHolderID="HeaderLink" runat="server">
<%: Html.ActionLink("Ir al listado", "Index") %>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">
   
    <% using (Html.BeginForm()) {%>
        <%: Html.ValidationSummary(true) %>

        <fieldset>
            <legend>Datos Generales</legend>
            
            
            
            <div class="editor-label">
                <%: Html.LabelFor(model => model.Proveedor.Nombre) %>
            </div>
            <div class="editor-field">
                <%: Html.DropDownList("IdProveedor",new SelectList(new SG.Logic.ExpProveedor().GetAllProveedor(),"Id","Nombre") ) %>
                <%: Html.ValidationMessageFor(model => model.Proveedor.Nombre) %>
            </div>
           
        </fieldset>

        <fieldset>
            <legend>Artículos</legend>
            
            <table cellpadding="5px">
                <colgroup>
                    <col width="200px" />
                    <col width="100px" />
                    <col width="50px" />
                </colgroup>
                <tr>
                    <td>Artículo</td>
                    <td>Cantidad</td>
                    <td></td>
                </tr>
                <tr>
                    <td><%:Html.DropDownList("Articulo", new SelectList(new SG.Logic.ExpArticulo().GetAllArticulo(), "Id", "Nombre"), new { style = "width:100%" })%></td>
                    <td><%:Html.TextBox("CantidadIngresada","", new { style = "width:100%" }) %></td>
                    <td><input type="button" value="Agregar"  onclick="addArticulo()"/></td>
                </tr>
            </table>
            <table id="tArticulo" class="table" cellpadding="5px">     
            <colgroup>
                    <col width="200px" />
                    <col width="100px" />
                      <col width="50px" />
                </colgroup>
                <tr>
                    <th>Artículo</th>
                    <th>Cantidad</th>
                    <th></th>
                </tr>           
            </table>

            <p>
                <input type="submit" value="Crear Orden" />
            </p>
        </fieldset>

    <% } %>

  
    <script type="text/javascript">
    function addArticulo() {
        var idArticulo = $("#Articulo").val();
        var nombreArticulo = $("#Articulo option:selected").text();            //$("#Articulo").text();
        var cantidad = $("#CantidadIngresada").val();

        if (isNaN(parseInt(cantidad))) {
            alert("Cantidad no válida");
            return;
        }

        var row = "<tr><td><input type='hidden' name='IdArticulo' value='" + idArticulo + "'/><input type='hidden' name='Cantidad' value='" + cantidad + "'/>" + nombreArticulo + "</td><td>" + cantidad + "</td><td><input type='button' value='Eliminar' onclick='removeRow(this)'/></td></tr>";

        $("#tArticulo").append(row);

    }
    function removeRow(btn) {
        $(btn).parent().parent().remove();
    }
    </script>
</asp:Content>

